<template>
  <div class="login">
    <x-header>充值详情<a slot="right"></a></x-header>
    <group>
      <cell :title="title" :value="value"></cell>
      <cell-form-preview :list="list"></cell-form-preview>
    </group>
  </div>
</template>

<script>
import { Vue, Component } from 'vue-property-decorator';
import {
  XHeader,
  Cell,
  CellFormPreview,
  Group
} from 'vux';

@Component({
  components: {
    XHeader,
    Cell,
    CellFormPreview,
    Group
  }
})
export default class WalletDetail extends Vue {
  title = '充值金额'
  value = '323'
  // fromUserId: String,
  // toUserId: String,
  // money: Number,
  // msg: String,
  // payTool: Number, // 0 支付宝; 1 微信; 2 余额
  // createTime: Number
  list = [{
    label: '类型',
    value: '支付宝'
  }, {
    label: '金额',
    value: '1.04'
  }, {
    label: '时间',
    value: '2018-09-09'
  }, {
    label: '时间',
    value: '2018-09-09'
  }, {
    label: '时间',
    value: '2018-09-09'
  }, {
    label: '时间',
    value: '2018-09-09'
  }]
  created () {
    if (this.$route.query) {
      this.money = this.$route.query.item.money
    }
  }
}
</script>
<style lang="less">
</style>
